<template>
	<view>
		<view class="main">
			<view class="top">
				<text class="top-text">团体入园凭证</text>
			</view>
			<view class="time">
					<text class="time-text">2024年9月19日 9:00-11:00</text>
			</view>
			<view class="yuyue">
				<text class="yuyue-text">预约信息</text>
			</view>
			<view>
				<uni-card>
					<view class="msg">团体名称：团体</view>
					<view class="msg">团体人数：4人</view>
				</uni-card>
			</view>
			<view class="yuyue">
				<text class="yuyue-text">预约信息</text>
			</view>
			<view>
				<uni-card>
					<view class="msg">姓名：张三</view>
					<view class="msg">证件类型：中国居民身份证</view>
					<view class="msg">证件号码：111</view>
					<view class="msg">手机号码：222</view>
				</uni-card>
				<view class="huacao">
					<text class="huacao-text">园区花草，种植不易请爱护</text>
				</view>
			</view>
		</view>	
		<view class="bottom">
			<text class="bottom-text1">离凭证消失剩余<text class="bottom-text2">3小时56分钟</text>。可发起新的预约</text>
		</view>
	</view>
</template>
<script setup>
	import {ref} from 'vue';
	import {onLoad} from '@dcloudio/uni-app'
	let tid=ref('');
	let ttnum=ref('');
	let name=ref('');
	let idnum=ref('');
	let pnum=ref('');
	let value = ref('');
	onLoad((options) => {
		const item = JSON.parse(decodeURIComponent(option.item));
		axios.get("/orderInfo/page?pageNum=" + pageNum).then(res => {
			if (res.data.code === '0') {
				console.error("接口订单返回数据: " +JSON.stringify(res.data.data.list))
		    } else {
		        msg('error', res.data.msg);
		        }
		});
		console.log(item);
		tid.value = item.tid;
		ttnum.value = item.ttnum;
		name.value = item.name;
		idnum.value = item.idnum;
		pnum.value = item.pnum;
		value.value = item.value;
	})
</script>
<style scoped>
	.main {
		margin: 12px;
		width: 100%;
		height: 650px;
		background-image: url("../../static/bg.png");
		background-size: cover;
	}
	.huacao{
		margin-top: 60px;
		text-align: center;
	}
	.huacao-text{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5F5F5F;
		letter-spacing: 0;
	}
	.top{
		text-align: center;
		height: 85px;
	}
	.time{
		text-align: center;
		position: relative;
		top: -10px;
	}
	.bottom{
		text-align: center;
		margin-top: 41px;
		height: 41px;
	}
	.bottom-text1{
		color: #5f5f5f;
		 font-size: 12px;
		 font-face: PingFangSC;
		 font-weight: 400;
		 line-height: 0;
		 letter-spacing: 0;
		 paragraph-spacing: 0;
		 text-align: left;
	}
	.bottom-text2{
		color: #8dcb6d;
		 font-size: 12px;
		 font-face: PingFangSC;
		 font-weight: 400;
		 line-height: 0;
		 letter-spacing: 0;
		 paragraph-spacing: 0;
		 text-align: left;
	}
	.msg{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.yuyue{
		text-align: left;
		margin-left: 15px;
		margin-top: 40px;
	}
	.yuyue-text{
		font-family: PingFangSC-Medium;
		font-weight: bold;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
	}
	.time-text{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5F5F5F;
		letter-spacing: 0;
	}
	.top-text{
		opacity: 0.9;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 20px;
		color: #000000;
		letter-spacing: 0;
		text-align: center;
		
		line-height: 85px;
	}
</style>
